body, div, a , p {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
body {
	background-color: #eeeeee;
}
.container {
	width: 800px;
	margin: 100px auto;
	border-bottom: 1px solid #888888;
}
.blog {
	border-width: 1px 1px 0;
	border-style: solid solid none;
	border-color: #888888 #888888 transparent;
	height: 80px;
	width: 100%;
}
.blog a {
	display: block;
	width: 60px;
	height: 60px;
	margin: 10px auto 0;
	background-color: #888888;
}

/* -- Card CSS -- */
.card {
	display: none;
	position: absolute;
	border: 1px solid #444444;
	width: 300px;
	height: 160px;
}
	.perins {
		background-color: #888888;
		height: 110px;
		position: relative;
		padding: 10px 10px 0 0;
	}
		.perins img {
			position: absolute;
			top: 10px;
			left: 10px;
			width: 100px;
			height: 100px;
			background-color: #336699;
		}
		.perins p {
			padding-left: 120px;
			line-height: 20px;
		}
			.c-name a {
				font-size: 14px;
				color: #336699;
				text-decoration: none;
			}
			.c-instr {
				height: 60px;
				text-overflow: ellipsis;
			}
			.c-att span {
				margin-right: 10px;
			}
	.perfun {
		background-color: #bbbbbb;
		height: 30px;
		padding-top: 10px;
	}
		.attention {
			display: block;
			border: 1px solid #aaaaaa;
			background-color: silver;
			width: 70px;
			height: 20px;
			margin: 0 0 0 10px;
			line-height: 20px;
			color: #444444;
			text-shadow: 1px 1px #ffffff;
			text-decoration: none;
			text-align: center;
		}